<style>
  .navbar-inverse {
    width: 100%;
    height: 50px;
  }
    .mod-header .PhoneSelect{
        height: 100%;
        display: flex !important;
        align-items: center;
        margin-right: 20px;
        float: right;
    }
    .PhoneSelect-line{
        display: flex !important;
        align-items: center;
    }
    .PhoneSelect-line .glyphicon{
        font-size: 12px;
        margin-right: 4px;
    }
    .PhoneSelect-line .glyphicon-star{
        color: #f7d580
    }
    .callin-list{
        float:left;
        width:48%;
        line-height: 30px;
    }
    .callin-list:nth-child(2n+1){
        margin-right: 2%;
    }
    .navbar-header {
      height: 100%;
      margin-left: 10px;
    }
    .navbar-header::before {
      content: none;
    }
    .navbar-header::after {
      content: none;
    }
    .dropdown-menu {
      height: 204px;
      border-radius: 8px;
    }
    .dropdown-menu .row {
      display: flex;
      width: 95%;
      height: 88px;
      line-height: 88px;
      margin: auto;
    }
    .dropdown-menu .row .each:hover {
      background: #F6F5FB;
      border-radius: 12px;
    }
    .dropdown-menu .row >div {
      flex: 1;
    }
    .dropdown-menu .row .row_active {
      background: #F6F5FB;
      border-radius: 12px;
    }
    .dropdown-menu .row >div img {
      padding: 0 10px 0 18px;
    }
</style>
<nav class="navbar-inverse">
  <div class="navbar-header" style="display: flex;align-items: center;justify-content: space-between;">
      <div class="nav_operation" style="display: flex;width: 62px;height: 32px;background: #EBF1FA;border-radius: 6px 6px 6px 6px;justify-content:center;align-items:center;">
          <span class="glyphicon" data-fn="left"  style="cursor: pointer;padding-right:10px;">
            <img src="/images/call/menu.png" alt="">
          </span>
          <span class="glyphicon glyphicon-indent-left nav-hide" data-fn="right"  style=";height: 50px;padding: 15px 15px;font-size: 18px;line-height: 20px;color: #333;cursor: pointer;"></span>
          <span class="glyphicon" onclick="location.href=location.href;" style="cursor: pointer;">
            <img src="/images/call/reset.png" alt="">
          </span>
      </div>
      <div style="width: calc(100% - 290px);box-sizing: border-box;padding: 0 13%;">
          {if !empty($notice)}
                  <div style="border-radius: 15px;padding: 3px 10px;background-color:#559DF8;display: flex;align-items: center;">
                      <span class="glyphicon glyphicon-volume-up" style="font-size: 18px;color:#FFF;cursor: pointer;margin-right: 10px;"></span>
                      <marquee id="announcement" onclick="lookAnnouncement()" behavior="" direction="" style="color:#FFF;">
                          {$notice}
                      </marquee>
                  </div>
          {/if}
      </div>
      <div class="mod-header" style="display: flex;">
          {*有呼入权限 || 呼出页面*}
          {if $admin['workerId'] || $admin['workerId2']}
          <div class="dropdown PhoneSelect">
              <input type="hidden" value="{$wss_url}" class="wss_url">
              <input type="hidden" value="{$http_url}" class="http_url">
              <div class="dropdown-toggle user-name" id="headerdropdownPhoneSelect" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <div class="icon_show">
                  <img id="online_icon" style="width:30px;height:auto;display:none;" src="/images/news/index/zaixian.png" alt="">
                  <img id="unline_icon" style="width:20px;height:auto;display:none;margin-right:5px;" src="/images/news/index/manglu.png" alt="">
                </div>
                <select class="" name="" id="user_status">
                  <option value="setIdle">我在线</option>
                  <option value="setBuys">忙碌中</option>
                </select>
                  {if $admin['workerId'] && $admin['workerId2']}
                  &nbsp;&nbsp;
                      <select class="" name="" id="select_worker_id">
                          <option value="{$admin['workerId']}" {if $workerId == $admin.workerId}selected="selected"{/if}>{$admin['workerId']}</option>
                          <option value="{$admin['workerId2']}" {if $workerId == $admin.workerId2}selected="selected"{/if}>{$admin['workerId2']}</option>
                      </select>
                  {else}
                        <span class="user-name-word" style="margin-left:5px;">{$workerId}</span>
                  {/if}

              </div>
          </div>

          <div class="modal fade" id="callInModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog" style="width:700px;">
                  <div class="modal-content search-detail-modal">
                      <div class="modal-body">
                        <div class="clearfix" style="display:inline-block;height:40px;line-height: 40px;">
                          <div id="call_type" style="float:left;margin-left:20px;line-height:40px;font-weight:bold;font-size:16px;">
                            <!-- <span class="consult" style="display:none;line-height:40px;">案件咨询</span>
                            <span class="advance" style="display:none;line-height:40px;">投诉建议</span> -->
                          </div>
                          <div class="" style="float:right;margin-right:20px;line-height:40px;">
                              <div style="float: left">
                                  <span data-ele="callIn-phone"></span>
                                  <span class="callInTimer" style="margin-left: 5px;font-size: 13px;"></span>
                              </div>
                              <div style="float: right;">
                                  {if $callline=='ykf'}
                                  <!-- <img data-fn="answer" data-toggle="tooltip" data-placement="top" title="接听" src="/images/call/u478.png" style=" width:40px;display: none;cursor: pointer;"> -->
                                  {/if}
                                  <img data-fn="hangup" data-type="callIn" data-toggle="tooltip" data-placement="top" title="挂断" src="/images/call/u477.png" style=" width:40px;margin-left: 20px;display: none;cursor: pointer;">
                              </div>
                          </div>
                        </div>

                          <div class="clearfix" style="padding:10px;flex-direction:column;">
                              <div class="form-group col-md-12" style="display: flex;justify-content: space-between;">
                                  <div class="input-box col-md-11" style="padding: 0;width: 100%;margin-right: 50px;">
                                      <input type="text" data-ele="callIn-seacth-input" class="form-control" placeholder="输入手机号/当事人姓名/身份证号码/调解案号">
                                  </div>
                                  <button data-fn="callIn-searchBtn" class="btn btn-primary">查询</button>
                              </div>
                              <div class="form-group col-md-12" data-ele="callIn-case-box" style="max-height: 400px;overflow-y: auto;">
                                  <table class="table table-striped table-bordered  table-hover" style="width:100%;">
                                      <thead>
                                          <tr class="active">
                                              <td>姓名</td>
                                              <td>身份证号</td>
                                              <td>调解案号</td>
                                              <td>操作</td>
                                          </tr>
                                      </thead>
                                      <tbody class="case-tbody">

                                      </tbody>
                                  </table>
                              </div>
                          </div>
                      </div>
                      <div class="modal-footer">
                          <button class="btn btn-default" style="margin-right: 20px;" data-dismiss="modal">关闭</button>
                      </div>
                  </div>
              </div>
          </div>

          {/if}
          <div class="userinfo">
              <div class="user-face-box" style="position:absolute;">
                  <div class="user-face">
                    <span style="color: #fff">{$sys_name}</span>
                  </div>
              </div>
              <div class="dropdown">
                  <div style="width:50px;height:50px;justify-content: end;" class="dropdown-toggle user-name" id="headerdropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                  </div>
                  <div class="new-header-dropdown dropdown-menu dropdown-menu-right header-dropdown" aria-labelledby="headerdropdown" style="width:513px;">
                    <div class="row">
                      <div class="each" onclick="location.href='javascript:;'">
                        <img src="/images/news/common/1.jpg" alt="" />
                        <span>嗨！{$admin['role_title']}</span>
                        <!-- <a href="javascript:;">嗨！{$admin['role_title']}</a> -->
                      </div>
                      <div class="each" onclick="location.href='/MicroSIP-3.20.3+使用说明.zip'">
                        <img src="/images/news/common/2.jpg" alt="" />
                        <span>下载软话机</span>
                        <!-- <a href="http://doc.wei-fu.cn/os/MicroSIP-3.20.7.exe">下载软话机</a> -->
                      </div>
                    </div>
                    <div class="row">
                      <div class="each" onclick="location.href='/user/editpassword'">
                        <img src="/images/news/common/3.jpg" alt="" />
                        <span>密码修改</span>
                        <!-- <a href="/user/editpassword">密码修改</a> -->
                      </div>
                      <div class="each" onclick="location.href='/login/index'">
                        <img src="/images/news/common/4.jpg" alt="" />
                        <span>退出登录</span>
                        <!-- <a href="/login/index" class="fn-loginout">退出登录</a> -->
                      </div>
                    </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
</nav>
{if $callline=='zt'}
    {include file="./zt.html" inline}
{elseif $callline=='yc'}
    {include file="./yc.html" inline}
{elseif $callline=='ykf'}
    {include file="./ykf.html" inline}
{/if}
<script type="text/javascript">
  $('.each').on('click', function() {
    $('.each').removeClass('row_active');
    $(this).addClass('row_active');
  })
  function lookAnnouncement () {
    let content = $('#announcement').html();
    $.confirm({
      title: false,
      content: content,
      confirmButton: false,
      cancelButton: '我知道了'
    });
  }
</script>
